<div id="invContainer" class="hide" style='border: 1px solid; border-radius: 5px; border-color: #A1A1A1'>
  <div class="title"
      onclick='toggleHeaderDiv(this);'
      style="background-color: #E8F1FA; color: #000000; margin: 5px; font-size: 12px; font-weight: bold; height: 26px" >

    <img width="5px" height="20px" src="/phase2/images/spacer.gif">
    Create New Invoice: &nbsp;&nbsp;
    <span class="throbberOff" id="newInv_activity_throbber" >
    </span>
  </div>
  <div class="sub_contain">
    <table border="0" cellspacing="1" cellpadding="3" style="margin-left: 10px;">
      <tr>
        <td>
          <div class="lable">
            Invoice Number#  <span class="redtxt"> *
            </span>
            :
          </div>
        </td>
        <td>
          <div class="w150 ">
            <input type="text" class="textbox" id="inv_num" title="Invoice Number" data-validate="validate(required)" />
            <br>
            <a href="javascript:void(0);" onclick="();">
              Generate
            </a>
          </div>
        </td>
        <td>
          <div class="lable">
            Created By
            <span class="redtxt">
              *
            </span>
            :
          </div>
        </td>
        <td>
          <div class="w150 ">
            <input 
                type="text"
                class="textbox"
                id="inv_preparedby"
                title="Created By"
                data-validate="validate(required)"
            />
          </div>
        </td>
        <td>
          <div class="lable">
            Requested By
            <span class="redtxt">
              *
            </span>
            :
          </div>
        </td>
        <td>
          <div class="w150 ">
            <input type="text" class="textbox" id="inv_reqby" title="Requested By" data-validate="validate(required)" />
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="8">
          <img height="10px" src="images/spacer.gif">
        </td>
      </tr>
      <tr>
        <td>
          <div class="lable">
            Invoice Title
            <span class="redtxt">
              *
            </span>
            :
          </div>
        </td>
        <td>
          <div class="w150 ">
            <input 
                type="text"
                class="textbox"
                id="invTitle"
                title="Invoice Name"
                data-validate="validate(required)"
            />
          </div>
        </td>
        <td>
          <div class="lable">
            Invoice Type
            <span class="redtxt">
              *
            </span>
            :
          </div>
        </td>
        <td>
          <div class="w150 ">
            <input 
                type="text"
                class="textbox"
                id="invType"
                title="Invoice Order Type"
                data-validate="validate(required)"
            />
          </div>
        </td>
        <td>
          <div class="lable">
            Create Date
            <span class="redtxt">
              *
            </span>
            :
          </div>
        </td>
        <td>
          <div class="w150 ">
            <input 
                type="text"
                class="textbox"
                id="po_createdate"
                title="Create Date"
                data-validate="validate(required)"
            />
          </div>
        </td>
      </tr>
      <tr>
        <td colspan="8">
          <img height="10px" src="images/spacer.gif">
        </td>
      </tr>
      <tr>
        
        
        <td>
          <div class="lable">
            Purchase Order#  <span class="redtxt">  *</span> :
          </div>
        </td>
        <td>
          <div class="w150">
            <input 
                type="text"
                class="textbox"
                id="inv_po_number"
                title="Supplier"
                onclick="showSearchWindowPO(this)"
                data-validate="validate(required,email)"/>
          </div>
        </td>
        
        <td>
          <div class="lable">
            Buyer  <span class="redtxt">  *</span> :
          </div>
        </td>
        <td>
          <div class="w150">
            <input 
                type="text"
                class="textbox"
                onclick=""
                id="po_supplier"
                title="Supplier"
                data-validate="validate(required,email)"/>
          </div>
        </td>
        
        <td>
          <div class="lable">
            Remit To Location  <span class="redtxt">  *</span> :
          </div>
        </td>
        <td>
          <div class="w150">
            <input 
                type="text"
                class="textbox"
                id="inv_po_number"
                title="Supplier"
                data-validate="validate(required,email)"/>
          </div>
        </td>
      </table>
    </div>
    
     <div class="title"
      onclick='toggleHeaderDiv(this);'
      style="background-color: #E8F1FA; color: #000000; margin: 5px; font-size: 12px; font-weight: bold; height: 26px" >

    <img width="5px" height="20px" src="/phase2/images/spacer.gif">
    Remit To Location Details: &nbsp;&nbsp;
    
    </span>
  </div>
  
  <div>
<table border="0" cellspacing="1" cellpadding="3" width="90%" style="margin-left: 30px;">
	
	<tr>
		<td>
		<div class="lable">Address Line 1<span class="redtxt">*</span>:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox" id="s_addr_line1" title="Address"
			data-validate="validate(required)"
		/></div>
		</td>
		<td>
		<div class="lable">Address Line 2:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox" id="s_addr_line2" /></div>
		</td>
		<td>
		<div class="lable">Address Line 3:</div>
		</td>
		<td>
		<div class="w150"><input type="text" class="textbox" name="s_address_3" id="address_3" /></div>
		</td>
	</tr>
	<tr>
		<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
	</tr>
	<tr>
		<td>
		<div class="lable">City<span class="redtxt">*</span>:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox" id="s_city" title="City"
			data-validate="validate(required)"
		/></div>
		</td>
		<td>
		<div class="lable">State:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox" id="s_state" /></div>
		</td>
		<td>
		<div class="lable">Zip:</div>
		</td>
		<td>
		<div class="w150 "><input type="text" class="textbox" id="s_zip" /></div>
		</td>
	</tr>
	<tr>
		<td colspan="6"><img height="10px" src="images/spacer.gif"></td>
	</tr>
</table>
</div>
  
 <div class="title"
      onclick='toggleHeaderDiv(this);'
      style="background-color: #E8F1FA; color: #000000; margin: 5px; font-size: 12px; font-weight: bold; height: 26px" >

    <img width="5px" height="20px" src="/phase2/images/spacer.gif">
    Line Items: &nbsp;&nbsp;
    
    </span>
  </div>
  
  
  <div >
	<div id="ctx_supplier_line_item_tbldiv" class="show" style="padding-left: 20px;">
		<table cellpadding="0" cellspacing="0" border="0" id="ctx_supplier_line_item_tbl" style="width: 900px">
			<thead>
				<tr>
					<th width="5%">Select</th>
					<th width="5%">Line Item#</th>
					<th width="25%">Item Description</th>
					<th width="12%">Item Quantity</th>
					<th width="12%">Unit of Measure</th>
					<th width="13%">Unit Price</th>
					<th width="12%">Qty Invoiced</th>
					<th width="13%">Total Price</th>
				</tr>
			</thead>
			<tbody>
			</tbody>
		</table>
	</div>
</div>


     
    
	<table>
	  <tr>
	    <td colspan="6" align="center" class="">
	      <input 
	          type="Submit"
	          onClick='updateUserProfile();'
	          class=" ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
	          value="Create New Invoice"
	      />
	      <input 
	          type="button"
	          onClick='resetUserProfile();'
	          class=" ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"
	          value="Cancel"
	      />
	    </td>
	  </tr>
	</table>
</div>






